<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <style>
        #form-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh; /* 设置为视口高度以实现垂直居中 */
        }
    </style>
</head>
<body>

<div id="form-container">
    <div style="width: 300px;">
        <form method="post" id="myform" >
            <div class="form-group row">
                <label for="formGroupExampleInput" class="col-sm col-form-label">用户名</label>
                <div>
                    <input type="text" class="form-control" id="formGroupExampleInput" name="username">
                </div>
            </div>

            <div class="form-group row">
                <label for="formGroupExampleInput2" class="col-sm col-form-label" >年龄</label>
                <div>
                    <input type="text" class="form-control" id="formGroupExampleInput2" name="age">
                </div>
            </div>

            <div class="form-group row">
                <label for="inputPassword1" class="col-sm col-form-label">密码</label>
                <div>
                    <input type="password" class="form-control" id="inputPassword1" name="passwd1">
                </div>
            </div>

            <div class="form-group row">
                <label for="inputPassword2" class="col-sm col-form-label">确认密码</label>
                <div>
                    <input type="password" class="form-control" id="inputPassword2" name="passwd2">
                </div>
            </div>

            <div class="text-center">
                <input type="submit" class="btn btn-primary"  value="注册"/>
            </div>

        </form>
    </div>

    <div class="text-center" style="width: 200px;">
        {{ if .message }}
        <div id="message">
            {{.message}}
        </div>
        {{ end }}
    </div>
</div>


</body>
</html>